const Index = (props) => {
  const { width = 18, fill = '#ff0000', className } = props
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      version="1.1"
      width={width}
      height={width}
      className={className}
      viewBox="0 0 18 18"
    >
      <g>
        <path
          fill={fill}
          d="M9,0C4.02943,0,0,4.02943,0,9C0,13.9706,4.02943,18,9,18C13.9706,18,18,13.9706,18,9C18,4.02943,13.9706,0,9,0ZM9.77344,4.5L9.77344,10.4676C9.77344,10.8948,9.42715,11.2411,9,11.2411C8.57285,11.2411,8.22656,10.8948,8.22656,10.4676L8.22656,4.5C8.22656,4.07285,8.57285,3.72656,9,3.72656C9.42715,3.72656,9.77344,4.07285,9.77344,4.5ZM9,12.0234C9.62132,12.0234,10.125,12.5271,10.125,13.1484C10.125,13.7698,9.62132,14.2734,9,14.2734C8.37868,14.2734,7.875,13.7698,7.875,13.1484C7.875,12.5271,8.37868,12.0234,9,12.0234Z"
          fillOpacity="1"
        />
      </g>
    </svg>
  )
}

export default Index
